#details{
	margin: 100px auto;
		width: 60%;
		border-radius: 10px;
		border:1px solid #B4D2E3;
		.ding{
			background-color: #f8f8f8;
			border-bottom: 1px solid #B4D2E3;
			.title{
				height: 60px;
				font-size: 20px;
				line-height: 60px;
				margin-left: 20px;
				
			}
		}
		.jindu{
			border-bottom: 1px solid #B4D2E3;
			.progressBar{
				width: 80%;   
				height: 50px;   
				position: relative;   
				margin: 50px 0 0 100px;
				>span{
					 position: absolute;   
					    top:0;   
					    margin-top: -10px;   
					    width: 40px;   
					    height: 40px;   
					    border:2px solid #ddd;   
					    border-radius: 50%;   
					    background: green;   
					    margin-left: -20px;   
					    color:#fff;   
						text-align: center;
						
				}
				>span:nth-child(2){   
				    left: 0%;   
					h6{
						margin-top: 10px;
					}
				}   
				>span:nth-child(3){   
				    left: 33%;   
				    background:green; 
					  h6{
					  	margin-top: 10px;
					  }
				}   
				>span:nth-child(4){   
				    left: 66%;   
				    background:#ccc;   
					h6{
						margin-top: 10px;
					}
				}   
				>span:nth-child(5){   
				    left: 100%;   
				    background:#ccc;   
					h6{
						margin-top: 10px;
					}
				}   
				// >span:nth-child(6){   
				//     left: 100%;   
				//     background:#ccc; 
				// 	  h6{
				// 	  	margin-top: 10px;
				// 	  }
				// }   
				div{
					width: 100%;   
					height: 10px;   
					position: absolute;   
					top:50%;   
					left: 0;   
					margin-top:-20px;   
					border:1px solid #ddd;   
					background: #ccc;
					   span{
						   position: absolute;   
						   display: inline-block;   
						   background: green;   
						   height: 10px;   
						   width: 33%;  
						   
					   }
				}
				
			}
			.text{
				width: 80%;   
				// height: 50px;   
				position: relative;   
				margin: 50px 0 0 80px;
				>span{
					 position: absolute;   
					    top:0;   
					    margin-top: -50px;   
					    width: 80px; 
					    margin-left: -20px;      
						text-align: center;
						
				}
				>span:nth-child(1){   
				    left: 0%;   
					
				}   
				>span:nth-child(2){   
				    left: 33%;   
				    
				}   
				>span:nth-child(3){   
				    left: 66%;   
				      
					
				}   
				>span:nth-child(4){   
				    left: 100%;   
				     
					
				}   
				// >span:nth-child(5){   
				//     left: 100%;   
				     
					 
				// }   
				
			}
			.zhuangtai{
				background-color: #f8f8f8;
				margin: 50px auto;
				width:90%;
				border-radius: 10px;
				border:1px solid #B4D2E3;
				
				.daifu{
					border:1px solid #B4D2E3;
					
					display: flex;
					padding: 20px;
					.left{
						flex: 1;
						float: left;
						font-size: 20px;
					
					}
					.right{
						float:right;
						.btn1{
							background-color: #B4D2E3;
						}
						.btn2{
							background-color: #ffc550;
						}
						
					}
					
					
				}
				.time{
					border-top: #B4D2E3;
					padding: 20px;
					// margin-top: 50px;
					// background-color: red;
					// float: left;
				}
				
				
			}
			
			
			
			
		}
		
		
	.xinxi{
			background-color: #f8f8f8;
			display: flex;
			    padding: 20px 0;
			    // border-top: 1px solid #B4D2E3;
			    border-top: 0;
			    // position: relative;
				div{
					
					float: left;	
				}
				
				.t-goods{
					width: 35%;
					margin-left: 20px;
					flex: 2;
				}
				.t-price{
					flex: 1;
					width: 10%;
					// padding-right: 30px;
				}
				.t-num{
					flex: 1;
					width: 10%;
					// padding-right: 30px;
				}
				.t-sum{
					flex: 1;
					width: 10%;
					// padding-right: 30px;
				}
			
				
		}
		.cart-item-list{
			
			.cart-item{
				display: flex;
				height: 120px;
				border-style: solid;
				border-width: 2px 1px 1px;
				border-color: #B4D2E3 #B4D2E3 #B4D2E3;
				padding-top: 20px;
				.p-goods {
					flex: 2;
				    margin-top: 20px;
					padding-left: 20px;
				    width: 38%;
					.p-img {
						// flex: 1;s
					    float: left;
					    // border: 1px solid #ccc;
					    padding: 5px;
						width: 10%;
						img{
							width:150% ;
						}
					}
					.p-msg {
						// flex: 1;
						overflow: hidden;
						text-overflow: ellipsis;
						// white-space: nowrap;
						display: -webkit-box;
						-webkit-line-clamp: 3; // 控制多行的行数
						-webkit-box-orient: vertical;
					    float: left;
					    width: 60%;
					    margin: 0 20px;
						
					}
				}
				
				.p-price {
					flex: 1;
				    // width: 10%;
					margin-top: 20px;
				}
				.p-num {
					flex: 1;
					margin-top: 20px;
					// margin-left: 10px;
				    width: 170px;
					.quantity-form{
						width: 80px;
						height: 22px;
					}
				}
				.p-sum {
					flex: 1;
					font-weight: 700;
					margin-top: 20px;
				}
			}
	}	
		
		.cart-floatbar{
			border-bottom: 1px solid #B4D2E3;
			height: 60px;
			// background: #fff;
			// position: relative;
			// margin-bottom: 50px;
			.toolbar-right{
				// border-bottom: 1px solid #B4D2E3;
				float: right;
				.price-sum{
					float: left;
					margin: 0 15px;
					padding: 16px 0 16px 20px;
					em{
						font-size: 16px;
						color: #E2231A;
						font-weight: 700;
					}
				}
				
			}
		}
		.shouhuo{
			background-color: #f8f8f8;
			
			    padding: 20px 0;
			    
			  .t-info{
				  margin-left: 20px;
			  }
			
		}
		.message{
			padding: 20px;
			div{
				margin-top: 5px;
			}
		}
	
}